<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<title>
<?php 
echo $title;
?>	
	想即做thinkTodo任务清单</title>

<link href="/libs/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/_assets/css/fonts.css">

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/_assets/css/base.css" >
<link rel="stylesheet" href="/_assets/css/show.css" >
</head>
<body>
<div class="container">
<div>

<div id="playarea">
<div id="play_title"></div>
<div id="play_img"></div>
<div id="play_content"></div>
</div>
</div>
</div>
<div id="listarea"></div>

<div id="play_control">
		<div class="btn-group" style="" role="group" aria-label="..." >
			<button class="btn radius r" id="btn_prev" role="button" href="###" onclick="prevpage();" data-action="show" title="突出重要任务" ><i class="fa fa-backward"></i></button>
			<button class="btn btn-primary radius r" id="btn_list" role="button" href="###" onclick="listpage();" data-action="hide" title="显示/隐藏日期" ><i class="fa fa-ellipsis-v fa-fw"></i></button>
			<button class="btn btn-primary radius r" id="btn_next" role="button" href="###" onclick="nextpage();" data-action="hide" title="显示/隐藏标签" ><i class="fa fa-forward fa-fw"> </i></button>		
		</div>
</div>
<footer>
<p class="footer">
<span style="float:right;">
power by <a href="www.thinktodo.cn"><span style="color:blue;">think</span><span style="color:red;">todo.cn<span></a>
</span>
</p>
</footer>

<script src="/libs/layer/layer.js"></script>	


<script src="/libs/mousetrap.min.js"></script>	
<script type="text/javascript" src="/libs/jquery.scrollTo-2.1.2/jquery.scrollTo.js"></script>       
    
<script src="/_assets/js/app/keyboard.js"></script> 
<script type="text/javascript" src="/libs/introjs/intro.js"></script>
<script>
    	var unique_dom_id=1000;
		var current_domid="";
function prevpage(){


}
function next2(){
	$next=$("div.task.current_page").children("div.task").first();
	if($next){
		$("div.task.current_page").removeClass("current_page");
//		$next.addClass("current_page");
	}else{
		$next=$("div.task.current_page").next("div.task");
		if($next){
			$("div.task.current_page").removeClass("current_page");
		}else{
			return;
		}
	}
	console.log($next);
	$next.addClass("current_page");
//	$next.parents().show();
	$("#play_title").text($next.children(".task_title").text());

	
}
function init_style(){
	
}

function disp_current_page(){
	if(current_domid){
		$("#play_title").text($("#"+current_domid).children(".task_title").text());
		$("#play_content").text($("#"+current_domid).children(".task_comment").text());
	}else{
		current_domid=$("#listarea").children("div.task").first().attr("id");
		$('#listarea .div.task.current_page').removeClass('current_page');
		$('#listarea div.task["data-taskid="'+current_domid+'"]').addClass("current_page");
	}
}

function listpage(){
$("#listarea").toggle();
}

function nextpage(){
	if($("#"+current_domid).children("div.task").is(".task")){
		current_domid=$("#"+current_domid).children("div.task").first().attr("id");
	}else{
		if($("#"+current_domid).next("div.task").is(".task")){
			current_domid=$("#"+current_domid).next("div.task").attr("id");
		}else{
			current_domid="";
			$("#btn_next").addClass("btn_disable");
			$("#btn_next").removeClass("btn_primary");
			
			$("#btn_prev").addClass("btn_primary");
			$("#btn_prev").removeClass("btn_disable");
			
			return;
		}
	}
	disp_current_page();
}

function prevpage(){
	if($("#"+current_domid).prev("div.task").is(".task")){
			current_domid=$("#"+current_domid).prev("div.task").attr("id");
	}else{		
		if($("#"+current_domid).closest("div.task").is(".task")){
			current_domid=$("#"+current_domid).closest.attr("id");
		}else{
			current_domid="";
			$("#btn_prev").addClass("btn_disable");
			$("#btn_prev").removeClass("btn_primary");
			
			$("#btn_next").addClass("btn_primary");
			$("#btn_next").removeClass("btn_disable");
			return;
		}
	}
	disp_current_page();
}
		
function new_task(item){
//	console.log(item);
//	var new_dom_id = (new Date()).valueOf()+Math.round((Math.random()*1000)); 
	var new_dom_id = unique_dom_id++;
//	console.log(new_dom_id);
	var htmlstr='<div  data-taskid="'+item.id+'" ';
	if(item.getway=='S'){
		htmlstr+=' class="task getby_search " id="'+new_dom_id+'"';
		
	}else{
		htmlstr+=' class="task getby_parent " id="'+new_dom_id+'"'
		+' draggable="true" ondragstart="task_dragstart(event)" ';//仅有正常节点才能被拖放
	}
	htmlstr=htmlstr
	+' data-sort="'+item.sort+'"'
	+' data-stage="'+item.stage+'"'
	+' data-archive="'+item.archive+'"'
	+' data-getway="'+item.getway+'"'
	+' data-intags="'+item.intags+'"'
	+' data-tags="'+item.tags+'"';
	if(!item.nodetype){
		htmlstr+=' ondragover="task_dragover(event)" ondrop="task_drop(event)" ondragenter="task_dragenter(event)" ondragleave="task_dragleave(event)" ';
	}
	htmlstr+='>';
//	console.log(htmlstr);
	htmlstr+=new_task_header(item)+'</div>';
	
	return htmlstr;
	}
	
	// function output_start_date(start_date,action){
		// if(action=='new'){
			// if(item.start_date){
				// return '<span class="start_date">&nbsp;'+String(item.start_date).substring(5,10)+'&nbsp;</span>';
			// }else{
				// return '<span class="start_date"></span>';
			// }
		// }else{
		
		// }
	// }
	
function new_task_header(item){
	var htmlstr='';
	htmlstr+='<div class="task_info_btn_bar">';
	
	
//	htmlstr+='<span class="task_stage"><i  class="fa '+stage_icon[item.stage]+'"></i></span>';//使用font-awesome的字体图标
	htmlstr+='<a class="stage_icon"><i></i></a>';//使用样式表图形文件图标
//	htmlstr+='<img class="stage_icon" src="'+stage_svg_icon[item.stage]+'" >';//使用图标数组
	
	htmlstr+='<a class="expend_fold" href="###" title="展开"><i  class="fa fa-folder-o"></i></a>'
	// if(item.start_date){
		// htmlstr+='<span class="start_date">&nbsp;'+String(item.start_date).substring(5,10)+'&nbsp;</span>';
	// }else{
		// htmlstr+='<span class="start_date"></span>';
	// }

	if(item.internal_link>0){
		htmlstr=htmlstr+'<a class="task_internal_link" href="###" data-internal_link="'+item.internal_link+'" title="关联到其它任务"><i class="fa fa-share-square" onclick="position_task_id('+item.internal_link+')"></i></a>';
	}else{
		htmlstr+='<a class="task_internal_link"></a>';
	}
	
	if(item.link){
		r=item.link.match(/http[s]?\:\/\/([^\/]*)/);
//		console.log(r); 
		if(r){
//			console.log(r[0]);
			htmlstr=htmlstr+'<a class="task_link" href="'+item.link+'" target="_blank" title="外链" ><img  class="fa fa-link" src="'+r[0]+'/favicon.ico'+'" onerror="this.src=\'/_assets/icons/link.svg\';"></a>';
		}else{
			htmlstr=htmlstr+'<a class="task_link" href="'+item.link+'" target="_blank" title="外链"><i class="fa fa-link"></i></a>';			
		}
	}else{
		htmlstr+='<a class="task_link"></a>';
	}
	if(item.comment){
		htmlstr=htmlstr+'<a class="task_comment_icon" href="###"  title="备注"><i class="fa fa-comment"></i></a>';
	}else{
		htmlstr+='<a class="task_comment_icon"></a>';
		item.comment='';
	}
	htmlstr+='</div>';
	htmlstr+='<div class="task_title">'+item.title+'</div>';
	htmlstr+='<div class="task_pic_text_area">';
	htmlstr+='<div class="task_picture radius" >'+item.picture+'</div>';
	htmlstr+='<div class="task_comment radius" >'+item.comment+'</div>';
	htmlstr+='</div>';
	return htmlstr;
}
function refresh_all_and_append(){
		var loading=layer.msg('正从服务器上加载数据，请稍候！', {icon: 16});
//		var loading = layer.load(2); //换了种风格

		var items;
		$.getJSON("/index.php/task/gethelp/", 
			function(dataGet) { 
//			console.log(dataGet);
				if(dataGet.data){
//					console.log(dataGet.data);
					items=dataGet.data;
						$.each(items,function(idx,item){ //生成所有任务，先挂装到不分类任务下
                            $("#listarea").append(new_task(item));
						});
						//$("#temp div.task").hide();
                        $.each(items,function(idx,item){ //所有任务依据自己的parnet挂装
							console.log(item);
							$(".task[data-taskid="+item.parent+"]").append($(".task[data-taskid="+item.id+"]"));
							$(".task[data-taskid="+item.parent+"]").append($(".task[data-taskid="+item.id+"]"));
						});	
//							
					//$('#btn_refresh_all i').removeClass('fa-spin');
					//expend_icon_status();
					//$(".task[data-taskid=1]>div.task").show();
					//$(".task[data-taskid=2]>div.task").show();
					
					//关闭
//					layer.close(index); 
					layer.close(loading); 
					// $("#temp").children("div.task").first().addClass("current_page");
					// current_domid=$("#listarea").children("div.task").first().attr("id");
					// console.log($("#listarea").children("div.task").first()); 	
					disp_current_page();
				}
			}		
		);
		$('#btn_refresh_all i').addClass('fa-spin');	
 
}		

$(document).ready(function() {

    //一键取得所有活动任务并挂装
	refresh_all_and_append();

 	$("body").delegate('a.task_comment_icon','click',function(){
		var taskid=$(event.target).parents('div.task').first().attr('data-taskid');
//		console.log(taskid);
		$('.task[data-taskid='+taskid+']').find('.task_comment').toggle();		
	});
	 
});	//end of $(document).ready事件

 </script>
 
</body>
</html>